<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>报告</title>
    <style>
      @page {
        size:210mm 240mm;
        margin: 0in;
        /*-fs-flow-bottom: "footer";
        -fs-flow-left: "left";
        -fs-flow-right: "right";
        border: thin solid black;
        padding: 1em;*/
      }
      * {
        margin: 0;
        padding: 0;
      }
      html, body {
        width: 100%;
        height: 100%;
      }
      body {
        color: #333;
        font-size: 14px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        font-family: SimSun;
      }
      dl:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
      }
      dl dt {
        /* flex-shrink: 0; */
        float: left;
      }
      dl dd {
        float: left;
      }
      .wrap {
        width: 194mm;
        height: 200mm;
        margin: 0 auto;
      }
      header {
        position: relative;
        padding-top: 20px;
      }
      .title {
        padding: 13px 0;
        font-size: 25px;
        text-align: center;
        border-bottom: 2px solid #646464;
      }
      .code {
        position: absolute;
        top: 12px;
        right: 20px;
      }
      .info {
        padding: 18px 15px 18px 40px;
        border-bottom: 2px solid #646464;
      }
      .info-item + .info-item {
        margin-top: 10px;
      }
      .info-item dl {
        float: left;
      }
      .info-item dl + dl {
        margin-left: 10px;
      }
      h3.item-title {
        text-align: center;
      }
      .item-title {
        /*font-size: 14px;*/
        font-weight: bold;
        padding: 10px 15px;
        border-bottom: 2px solid #646464;
      }
      .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
      }
      .assess {
        border-bottom: 2px solid #646464;
        overflow: hidden;
      }
      .assess-list {
        padding: 12px 10px 20px;
        margin-left: 25px;
      }
      .assess-list li {
        list-style-position: outside;
      }
      .assess-list li + li {
        padding-top: 13px;
      }
      .nest-list {
        list-style-type:none;
        counter-reset: sectioncounter;
        padding-left: 0;
        margin-left: -15px;
        margin-bottom: 13px;
      }
      .assess-list .nest-list > li {
        padding-top: 13px
      }
      .nest-list > li:before {
        content: "6." counter(sectioncounter) " ";
        counter-increment: sectioncounter;
      }
      .physique-info {
        margin-left: 14px;
      }
      .physique-info dl {
        padding-top: 13px;
        padding-bottom: 13px;
      }
      .physique-qs {
        padding-bottom: 13px;
        margin-left: 14px;
      }
      .physique-list {
        margin-left: 14px;
        list-style-type:none;
        counter-reset: sectioncounter;
      }
      .physique-list li {
        margin-bottom: 13px;
      }
      footer {
        padding: 15px 20px;
      }
      .check dl {
        float: left;
      }
      .check dl + dl {
        margin-left: 30px;
      }
      .tip {
        margin-top: 10px;
      }
      .tip > span {
        float: left;
      }
      .tip-list {
        float: left;
      }
      .tip-list > li {
        list-style: none;
      }
      .ol-height{
        height: 320px;
      }
      .ol-height-jbzt{
        height: 80px;
      }
      .ol-height-tgjc{
        height: 30px;
      }
      .ol-height-suggest{
        height: 50px;
      }
      .dashed-underline {
        border-bottom: 1px dashed black; /* 2px粗细，虚线样式，红色 */
        text-decoration: none; /* 移除默认的下划线 */
        padding-bottom: 10px;
      }
    </style>
  </head>
  <body>
    <div class="wrap">
      <header>
        <h1 class="title">浙江省心血管病健康评估报告</h1>
      </header>
      <div class="info">
        <div class="info-item clearfix">
          <dl style="width: 15%;">
            <dt>姓名：</dt>
            <dd style="line-height: 16px;">${jbxiXm}</dd>
          </dl>
          <dl style="width: 15%;">
            <dt>年龄：</dt>
            <dd style="line-height: 16px;">${jbxiNl}</dd>
          </dl>
          <dl style="width: 10%;">
            <dt>性别：</dt>
            <dd>${jbxiXb}</dd>
          </dl>
          <dl style="width: 30%;">
            <dt>身份证号：</dt>
            <dd>${jbxiSfzh}</dd>
          </dl>
        </div>
      </div>

      <div class="health">
        <div class="assess">
          <h4 class="item-title">主要危险因素和疾病状态</h4>
          <ol class="assess-list ol-height-jbzt">
            <dd>${disease} </dd>
            <dd>${type}</dd>
          </ol>
        </div>
        <div class="assess">
          <h4 class="item-title">体格健康情况</h4>
          <ol class="assess-list ol-height-tgjc">
            <dd>身高：${tgjcHeight}cm 体重： ${tgjcWeight}kg 腰围：${tgjcWaistline}cm BMI：${tgjcBmi}</dd>
          </ol>
        </div>
        <div class="assess">
          <h4 class="item-title">综合评价</h4>
          <ol class="assess-list ol-height">
            <dd>${name}</dd>
            <dd>LDC ${dmdzdbdgc}</dd>
            <dd>${disease}、${type} </dd>
            <dd  class="dashed-underline"></dd>
            <dd style="padding-top: 10px;">
              <img height="300px"  src="suggest.png" alt=""/></dd>
          </ol>
        </div>


        <div class="assess">
          <h4 class="item-title">健康建议</h4>
          <ol class="assess-list ol-height-suggest">
            <dd>${suggest}</dd>
          </ol>
        </div>
      </div>

      <footer>
        <div class="check clearfix">
          <dt style="line-height: 16px; font-size:10px">技术平台单位：浙江省卫生健康委员会委托浙江好络维医疗技术有限公司承办    技术单位：浙江省心脑血管疾病防治研究中心   报告时间：<font>${pdfBgrq}</font></dt>
        </div>
      </footer>
      <div class="assess">
      </div>
    </div>
    <script>
    </script>
  </body>
</html>
